<template>
  <el-row>
    <el-row style="padding: 0 0 10px 60px;border-bottom: 1px solid #ddd;">
      <el-button :type="show ? 'warning' : 'info'" size="small" @click="show = true">普通通道</el-button>
      <el-button :type="!show ? 'warning' : 'info'" size="small" @click="show = false">活动通道</el-button>
    </el-row>
    <el-row>
      <ws-ordinary v-if="show" :address="address"></ws-ordinary>
      <ws-activities v-else :address="address"></ws-activities>
    </el-row>
  </el-row>
</template>

<script>
import WsOrdinary from './ws_channel/ordinary'
import WsActivities from './ws_channel/activities'

export default {
  data() {
    return {
      show: true
    }
  },
  components: {
    WsOrdinary,
    WsActivities
  },
  props: {
    address: {
      type: Array,
      required: true
    }
  }
}
</script>